<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>多人聊天室</title>
		<script src='../public/js/vue.js'></script>
		<script src='../public/js/jquery3.5.1.min.js'></script>
		<script src='../public/js/GroupChat.js'></script>
		<link rel='stylesheet' href='../public/css/GroupChat.css'>
		<style scoped></style type="text/css">
	</head>
	<body>
		<div class='groupChat' id='groupChat'>
            <header>
				<a href='homePage.html'><img src='../public/img/zuo.png' class='left'></a>
				<span>多人聊天室</span>
				<span class='right'>•••</span>
			</header>
			<div class='newsDiv'>
				<div class='showDiv'>
					<ul>
						<li class='li' v-for="item in list">
							<div class='text'>{{item.time}}</div>
							<div>
								<img src='../public/img/head%20portrait.png' class='img'>
								<div class='warp'>
								    <div class='showname'>{{item.name}}</div>
									<!-- <div class='zeroFive'>{{item.name}}</div> -->
									<div class=len>
										<span class='showNews'>{{item.val}}</span>
									</div>
								</div>
							</div>
							
						</li>
					</ul>
				</div>
			</div>
			
			<footer>
				<img src='../public/img/langunge.png'>		
				<textarea class='input' v-model='input' ></textarea>	
				
				<div class='right'>
					<img src='../public/img/face_h.png' class='left' >
					<img src='../public/img/add.png' class='right' :class='{"hide":switch2}'>
					<div class='send' :class='{"show":switch2}' v-on:touchend='sendNews()'>发送</div>
				</div>
			</footer>
		</div>
		
		
	</body>
</html>
